<template>
  <div>
    <LayoutNav />
    <LayoutHeader />
    <LayoutFixed />
    <nuxt-child :key="$route.fullPath" />
    <LayoutFooter />
  </div>
</template>

<script>
import LayoutNav from '@/components/Layout/LayoutNav'
import LayoutHeader from '@/components/Layout/LayoutHeader'
import LayoutFooter from '@/components/Layout/LayoutFooter'
import LayoutFixed from '@/components/Layout/LayoutFixed'
export default {
  name: 'Layout',
  components: { LayoutNav, LayoutHeader, LayoutFooter, LayoutFixed },
  async asyncData(content) {
    await Promise.all([content.store.dispatch('layoutStore/getCateoryHead')])
  },
  head() {
    return {
      title: '小兔鲜儿-首页'
    }
  }
}
</script>
